body{
    margin: 0;
    background-color: rgb(238, 236, 236);
}

.container{
    /* 定宽 */
    width: 1226px;
    /* 上下外边距40px，左右居中 */
    margin:40px auto;
    background-color: rgb(235, 236, 231);
    font-size: 0;
}
.line{
    display: inline-block;
    /* vertical-align: top; */
}
.left{
    height: 614px;
    width: 234px;
    /* background-color: rgb(141, 122, 122); */
    margin-right:14px ;
    font-size: 16px;
    vertical-align: top;
}
.right{
    height: 614px;
    width: 978px;
    /* background-color: rgb(180, 119, 119); */
    vertical-align: top;
    
}
.right .cell{
    width: 234px;
    height: 300px;
    background-color: rgb(255, 255, 255);
    margin-right:14px ;
    vertical-align: top;
    font-size: 16px;
    padding:20px 10px;
    box-sizing: border-box;
    text-align: center;
}
.right .tail{
    margin-right: 0;
}
.r2{
    margin-top:14px;
}

.cell img{
    width: 160px;
}
.slh{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cell h3{
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.cell .desc{
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
}
.cell .price{
    font-size: 14px;
    color: #ff6700;
}
.cell a{
    text-decoration: none;
}

.cell:hover,.cell-left:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    /* 以自身为基准向上移动2px */
    transform: translateY(-2px);
    /* 设置动画过渡0.3s */
    transition: all 0.3s;
}

